import { type SlateElementProps, type TColumnElement } from "platejs";

import { SlateElement } from "platejs";

export function ColumnElementStatic(props: SlateElementProps&lt;TColumnElement&gt;) {
  const { width } = props.element;

  return (
    <div style="{{" width="">
      &lt;SlateElement
        className="h-full px-2 pt-2 group-first/column:pl-0 group-last/column:pr-0"
        {...props}
      &gt;
        <div>
          {props.children}
        </div>
      &lt;/SlateElement&gt;
    </div>
  );
}

export function ColumnGroupElementStatic(props: SlateElementProps) {
  return (
    &lt;SlateElement className="mb-2" {...props}&gt;
      <div>{props.children}</div>
    &lt;/SlateElement&gt;
  );
}
